<#include "/admin/common/header.ftl">
<link href="/css/page/shopReport.css" rel="stylesheet">
<body>
<div class="page">
    <div class="trade-overview">
        <div class="zent-row">
            <div class="zent-col zent-col-5 trade-num"><p class="item-desc">待付款</p>
                <p class="item-num"><a href="/admin/order/orderList?status=1">${waitPay!}</a></p></div>
            <div class="zent-col zent-col-5 trade-num"><p class="item-desc">待发货</p>
                <p class="item-num"><a href="/admin/order/orderList?status=3">${waitDelivery!}</a></p></div>
            <div class="zent-col zent-col-5 trade-num"><p class="item-desc">待收货</p>
                <p class="item-num"><a href="/admin/order/orderList?status=4">${waitReceipt!}</a></p></div>
            <div class="zent-col zent-col-5 trade-num"><p class="item-desc">7天交易笔数</p>
                <p class="item-num"><a href="#">${weekTradeOrder!}</a></p></div>
            <div class="zent-col zent-col-5 trade-num"><p class="item-desc">7天交易金额</p>
                <p class="item-num"><a href="#">${(weekTradeAmount?string.currency)!}</a></p></div>
        </div>
    </div>
    <div class="trade-header">
        <div class="trade-header-left"><h3>7天订单趋势</h3></div>
        <div class="trade-header-content">
            <div>
                <a href="/admin/order/orderList">详情</a>
                <a class="position-right"
                   href="https://www.baidu.com/s?wd=%E5%AD%A6%E4%B9%A0%E5%A6%82%E4%BD%95%E6%8F%90%E9%AB%98%E9%94%80%E9%87%8F&rsv_spt=1&rsv_iqid=0xdd9820b20000157a&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&rqlang=cn&tn=baiduhome_pg&rsv_enter=0&oq=a%2520rel&inputT=877&rsv_t=c28crRRqAeG5oyP3WkuHIwuWFWk4i77vikS8%2Flw12DhKGsyDRmZlc%2F7lkqegdlyXebC9&rsv_n=2&rsv_pq=e0c63899000019be&rsv_sug3=5&rsv_sug4=877&rsv_sug=1"
                   target="_blank">学习如何提高销量</a>
            </div>
        </div>
    </div>
    <div class="trade-datachart">
        <div class="zent-row">
            <div class="zent-col zent-col-6 trade-num-data">
                <div class="trade-num"><p class="item-desc">今日新增会员</p>
                    <p class="item-num"><a href="/admin/member/memberList">${todayNewMember!}</a></p></div>
                <div class="trade-num"><p class="item-desc">今日付款订单</p>
                    <p class="item-num"><a href="/admin/order/orderList">${todayTradeOrder!}</a></p></div>
            </div>
            <div class="zent-col zent-col-18">
                <div class="weekTradeChart">
                    <canvas id="weekTradeChart"></canvas>
                </div>
            </div>
        </div>
    </div>
    <div class="wxsettled" style="display: none">
        <ul class="wxsettled-prompt">
            <p>温馨提示：</p>
            <li>一个微信公众号只能和一个商城绑定</li>
            <li>认证服务号绑定之后，如果要解绑可以联系管理员</li>
            <li class="text-danger">为保证所有功能正常，授权时请保持默认选择，统一授权</li>
        </ul>
        <form class="form-horizontal form-side-line" style="margin-bottom: 0">
            <h3 class="wxsettled-main-title">绑定微信公众号，把微商城和微信打通</h3>
            <p class="wxsettled-sub-title">绑定后即可在这里管理你的公众号，暂只支持关注公众号事件更新用户信息！</p>
            <div class="control-group" style="padding-bottom: 30px;">
                <a class="btn btn-success cert-setting-btn" href="//www.ycymall.com/admin/open/gotoPreAuthUrl" target="_blank">我有微信公众号，立即设置</a>
            </div>
        </form>
    </div>
</div>
<#include "/admin/common/footer.ftl">
<script src="/plugins/chart/zui.chart.min.js"></script>
<script type="text/javascript">
    var data = {
        labels: [<#list weekDayList as day>
            "${day!}",
		</#list>],
        datasets: [{
            // 数据集名称，会在图例中显示
            label: "新增会员",
            color: "#38b03f",
            // 数据集
            data: [<#list newMemberList as newMember>
                "${newMember!}",
			</#list>]
        }, {
            label: "付款订单",
            color: "#03b8cf",
            data: [<#list tradeOrderList as tradeOrder>
                "${tradeOrder!}",
			</#list>]
        }]
    };
    // 图表配置项
    var options = {responsive: true, maintainAspectRatio: false};

    var chart = $("#weekTradeChart").lineChart(data, options);
</script>
</body>
</html>